<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../taglibs.jsp" %>
<!doctype html>
<html>
 <head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"> 
	<meta name="renderer" content="webkit">
    <meta content="歪秀购物, 购物, 大家电, 手机" name="keywords">
    <meta content="歪秀购物，购物商城。" name="description">
	<title>会员系统退货申请</title>
    <link rel="shortcut icon" type="image/x-icon" href="${path}/static/front/icon/favicon.ico">
	<link rel="stylesheet" type="text/css" href="${path}/static/front/css/base.css">
	<link rel="stylesheet" type="text/css" href="${path}/static/front/css/member.css">
    <script type="text/javascript" src="${path}/static/front/js/jquery.js"></script>
     <script>
         $(function(){

             $("#H-table li").each(function(i){
                 $(this).click((function(k){
                     var _index = k;
                     return function(){
                         $(this).addClass("cur").siblings().removeClass("cur");
                         $(".H-over").hide();
                         $(".H-over:eq(" + _index + ")").show();
                     }
                 })(i));
             });
             $("#H-table1 li").each(function(i){
                 $(this).click((function(k){
                     var _index = k;
                     return function(){
                         $(this).addClass("cur").siblings().removeClass("cur");
                         $(".H-over1").hide();
                         $(".H-over1:eq(" + _index + ")").show();
                     }
                 })(i));
             });
         });
     </script>
 </head>
 <body>

<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
	            <c:if test="${empty user }">
	              <li><a href="#" onclick="login()">登录</a> </li>
	              <li class="headerul">|</li>
	              <li><a href="#">注册</a> </li>
	              <li class="headerul">|</li>
	           </c:if>
	            <c:if test="${not empty user }">
	              <li><a href="#">欢迎：${user.username }</a> </li>
	              <li class="headerul">|</li>
	              <li><a href="#">用户中心</a> </li>
	              <li class="headerul">|</li>
	              <li><a href="${path}/cart/getCartListJsp.shtml?userId=${user.id}">我的购物车</a> </li>
	              <li class="headerul">|</li>
	              <li><a href="${path}/order/getOrderListJsp.shtml">我的订单</a> </li>
	            </c:if> 
            </ul>
        </div>
    </div>
    <div class="container clearfix">
        <div class="header-logo fl"><h1><a href="${path}/index.shtml"><img src="${path}/static/front/icon/logo.png"></a> </h1></div>
        <div class="member-title fl"><h2></h2></div>
    </div>
</header>
<!-- header End -->

<div class="containers"><div class="pc-nav-item"><a href="#">首页</a> &gt; <a href="#">会员中心 </a> &gt; <a href="#">商城快讯</a></div></div>

<!-- 商城快讯 begin -->
<section id="member">
    <div class="member-center clearfix">
        <div class="member-left fl">
            <div class="member-apart clearfix">
                <div class="fl"><a href="#"><img src="${path}/static/front/img/bg/mem.png"></a></div>
                <div class="fl">
                    <p>用户名：</p>
                    <p>${user.username}</p>
                    <p>搜悦号：</p>
                    <p>${user.email}</p>
                </div>
            </div>
            <div class="member-lists">
                <dl>
                    <dt>我的商城</dt>
                    <dd class="cur"><a href="#">我的订单</a></dd>
                    <dd><a href="#">个人信息</a></dd>
                    <dd><a href="#">收货地址</a></dd>
                </dl>
            </div>
        </div>
        <div class="member-right fr">
            <div class="member-head">
                <div class="member-heels fl"><h2>我的订单</h2></div>
            </div>
            <div class="member-whole clearfix">
                <ul id="H-table" class="H-table">
                    <li class="cur"><a href="#">我的订单</a></li>
                </ul>
            </div>
            <div class="member-border">
               <div class="member-return H-over">
                   <div class="member-cancel clearfix">
                       <span class="be1">订单信息</span>
                       <span class="be2">收货人</span>
                       <span class="be2">订单金额</span>
                       <span class="be2">订单时间</span>
                       <span class="be2">订单状态</span>
                       <span class="be2">订单操作</span>
                   </div>
                   <div class="member-sheet clearfix">
                       <ul>
                       	<c:forEach items="${orderList}" var="order">
                           <li>
                               <div class="member-minute clearfix">
                                  <span>${order.createTime}</span>
                                  <span>订单号：<em>${order.orderNo}</em></span>
                                  <span><a href="#">自营旗舰店</a></span>
                                  <span class="member-custom">客服电话：<em>666-6666-6666</em></span>
                               </div>
                               <div class="member-circle clearfix">
                                   <div class="ci1">
                               		<c:forEach items="${order.orderItemList}" var="orderItem">
	                                    <div class="ci7 clearfix">
	                                        <span class="gr1"><a href="#"><img src="/pic/${orderItem.productImage}" width="60" height="60" title="" about=""></a></span>
	                                        <span class="gr2"><a href="#">${orderItem.productName}</a></span>
	                                        <span class="gr3" name="quantity">x ${orderItem.quantity}</span>
	                                    </div>
                               		</c:forEach>
                                   </div>
                                   <div class="ci2" >${user.username}</div>
                                   <div class="ci3"><b>${order.payment}</b><p name="paymentType" value="${order.paymentType}">支付宝支付</p><p class="iphone">手机订单</p></div>
                                   <div class="ci4"><p>${order.createTime}</p></div>
                                   <div class="ci5" name="paymentType" value="${order.status}"><p>未支付</p> <p><a href="${path}/order/getOrderInfoJsp.shtml?orderNo=${order.orderNo}&shippingId=${order.shippingId}">订单详情</a></p></div>
                                   <div class="ci5 ci8"><p><a href="${path}/order/getOrderInfoJsp.shtml?orderNo=${order.orderNo}&shippingId=${order.shippingId}">查看</a> | <a href="#">删除</a></p> </p><p><a href="#" class="member-touch">付款</a></p></div>
                               </div>
                           </li>
                       	</c:forEach>
                         
                          
                       </ul>
                   </div>
               </div>
               <div class="member-return H-over" style="display:none;">
                   <div class="member-cancel clearfix">
                       <span class="be1">订单信息</span>
                       <span class="be2">收货人</span>
                       <span class="be2">订单金额</span>
                       <span class="be2">订单时间</span>
                       <span class="be2">订单状态</span>
                       <span class="be2">订单操作</span>
                   </div>

               </div>
               <div class="H-over member-over" style="display:none;"><h2>待发货</h2></div>
               <div class="H-over member-over" style="display:none;"><h2>待收货</h2></div>
               <div class="H-over member-over" style="display:none;"><h2>交易完成</h2></div>
               <div class="H-over member-over" style="display:none;"><h2>订单信息</h2></div>

                <div class="clearfix" style="padding:30px 20px;">
                    <div class="fr pc-search-g pc-search-gs">
                        <a style="display:none" class="fl " href="#">上一页</a>
                        <a href="#" class="current">1</a>
                        <a href="javascript:;">2</a>
                        <a title="使用方向键右键也可翻到下一页哦！" class="" href="javascript:;">下一页</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!-- 商城快讯 End -->

<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="${path}/static/front/icon/icon-d1.png"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a href="#">保障范围 </a> </li>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="${path}/static/front/icon/icon-d2.png"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="${path}/static/front/icon/icon-d3.png"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="${path}/static/front/icon/icon-d1.png"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a href="#">保障范围 </a> </li>
                <li><a href="#">购物流程</a> </li>
                <li><a href="#">会员介绍 </a> </li>
                <li><a href="#">生活旅行</a> </li>
                <li><a href="#"> 常见问题 </a> </li>
                <li><a href="#"> 联系客服购物指南 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">退货退款流程</a> </li>
                <li><a href="#">服务中心 </a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#">服务中心</a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
                <li><a href="#"> 更多特色服务 </a> </li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>